<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="../../jQuery-JS/jquery-3.6.0.js"></script>
    <script type="text/javascript">
        console.log(jQuery);
        console.log($);
        console.log(window);
        /*
        根据以上的三条控制台输出代码，可以得出以下结论：
        在导入了jQuery的JS文件后，存在以下关系
        jQuery属性=$属性
        jQuery属性和$属性都是window的属性
        即，jQuery=$
         window.jQuery=window.$
         */
        console.log(window.$ === window.jQuery);
        console.log(jQuery === $);
        //以上两条控制台输出皆为true，可以证实jQuery=$

        $(function(){
            var btn1=$("#btn1");
            var $btn1=$("#btn1");
            console.log(btn1);
            console.log($btn1);
        })
    </script>
</head>
<body>
    <!--
        1.jQuery核心函数
            简称：jQery函数($/jQuery)
            jQuery库向外直接暴露的就是$/jQuery
            引入jQuery库后，直接使用$即可
                当函数用：$(xxx)
                当对象用：$.xxx()
        2.jQuery核心对象
            简称：jQuery对象
            得到jQuery对象：执行JQuery函数返回的就是jQuery对象
            使用jQuery对象：$obj.xxx()
    -->
    <button id="btn1">按钮一</button>
</body>
</html>